<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:c="http://java.sun.com/jstl/core"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui">
<ui:composition template="../templates/plantilla.xhtml">
	<ui:define name="content">
	<h:form prependId="false" id="growlForm">
      <p:growl id="growl" showDetail="false" />
    </h:form>
		<h:form prependId="false" id="formBusqueda">
			<p:panel id="data" toggleable="true" toggleSpeed="250">
				<f:facet name="header">
					<h:outputText value="Búsqueda de Publicaciones" />
				</f:facet>
				<h:outputFormat id="noRecordsFound" value="No se encontraron registros" rendered="#{!beanPublicacion.dataVisible}">
		        	
		        </h:outputFormat>
				<p:dataTable id="list" value="#{beanPublicacion.publicaciones}" 
                    rowKey="#{publicaciones.titulo}"
                    selection="#{beanPublicacion.publicacion}" 
                    
                    var="publicaciones"
                    rendered="#{beanPublicacion.dataVisible}"
                    resizableColumns="false" paginator="true"
                    paginatorTemplate=" {CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
                    rowsPerPageTemplate="5,10,25,50" rows="10">
                    <p:ajax event="rowSelect" listener="#{beanPublicacion.onRowSelect}" oncomplete="startButton1.enable()" /> 
                    <p:column selectionMode="single" style="width:18px" />  
                    <p:columns value="#{beanPublicacion.columns}" var="column"
                            columnIndexVar="colIndex">
                            <f:facet name="header">
                                    <h:outputText value="#{applicationBean.getColumnName(column)}" />
                            </f:facet>
                            <h:outputText value="#{publicaciones[column]}" />
                    </p:columns>
					<p:column>
						<h:graphicImage library="publicacionImagen" name="#{publicaciones.nombreimagen}" />
					</p:column>
					<p:column>
                             <p:commandButton disabled="false"  id="viewButton" icon="ui-icon-zoomin" update=":editForm:editPanelGrid" widgetVar="startButton1" oncomplete="editDialog.show()"
                                     title="#{messages.label_view}">
                                             
                             </p:commandButton>
                             <p:tooltip for="viewButton" value="Comprar"
                                     showEffect="fade" hideEffect="fade" />
                     </p:column>  
                     <p:column>
                     	<p:commandButton id="mostrarButton" value="Mostrar"
							action="#{beanPublicacion.mostrar}">
							<f:setPropertyActionListener value="#{publicaciones}" target="#{beanPublicacion.publicacion}" /> 
						</p:commandButton>
                     
                     </p:column>
                     
				</p:dataTable>
			</p:panel>
		</h:form>
			<p:dialog id="editDialog" header="Comprar Publicacion"
				modal="true" widgetVar="editDialog" dynamic="true" resizable="true"
				maximizable="true" showEffect="fade" hideEffect="explode">
					<p:outputPanel id="editPanel">
						<h:form id="editForm" enctype="multipart/form-data">
							
							<h:panelGrid id="editPanelGrid" columns="2"
								styleClass="dialog"
								columnClasses="col1,col2">
			                	<h:outputText value="Cantidad : " />  
		                        <p:inputText value="#{beanPublicacion.transaccion.cantidad}" style="font-weight:bold"/>
								<h:outputText value="Comentario : " />  
		                        <p:inputTextarea counterTemplate="{0} characters remaining." autoResize="false" 
								    style="font-weight:bold" value="#{beanPublicacion.transaccion.comentario}"/>		                        
							</h:panelGrid>
							<p:commandButton id="editSaveButton" value="#{messages.label_save}" action="#{beanPublicacion.realizarCompra}" update=":growlForm:growl"/>
							<p:commandButton id="editarPublicacion" value="#{messages.label_close}" onclick="editDialog.hide()"/>
						</h:form>
      				</p:outputPanel>
			</p:dialog>	
</ui:define>
</ui:composition>
		
</html>